<html>
    <head>
        <title>Sample page for javascript vi editor</title>
        <link type="text/css" rel="stylesheet" href="style.css"/>
        <script type="text/javascript" src="../../lib/webvi.js"></script>
    </head>
    <body>
        <h1>Sample page to demonstrate javascript vi editor</h1>
        <p>This is just a sample page to demonstrate how to integrate the javascript vi editor into a page.</p>
        <form>
            <div>
            <label for="plain-textarea">Plain Textarea: </label>
            <textarea rows="10" cols="80">Some text goes here.</textarea>
            </div>
            <div>
            <label for="webvi-textarea">WebVI Textarea: </label>
            <textarea rows="10" cols="80" id="webvi-textarea" class="webvi">Some fancy text goes here, and it is quite long which makes it wrap... eventually (we hope). And we also keep typing in the hope that we can get the line to wrap twice
            But there is also a newline.</textarea>
            </div>
            <div>
            <input type="submit" value="Save"/>
            </div>
        </form>

    </body>
</html>

